<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My</title>
    <link rel="stylesheet" href="../css/My.css">
</head>
<body>
    <div class="my">
        <div class="account">
            <div class="message">
                <p><img src="../img/My_love.jpg" alt=""></p>
                <h2>馒头&麋鹿</h2>
                <span class="balance">余额：¥520.1314</span>
            </div>
        </div>
        <div class="order">
            <div class="title">
                <div class="left">
                    我的订单
                </div>
                <a href="javascript:;" class="right">
                    查看全部订单
                </a>
            </div>
            <ul>
                <li><a href="javascript:;" class="pay">待付款</a></li>
                <li><a href="javascript:;" class="ping">待评价</a></li>
                <li><a href="javascript:;" class="cancle">已取消</a></li>
            </ul>
        </div>
        <div class="administer">
            <ul>
                <li><p class="exchange"><span>家长交流</span><a href="javascript:;">点击进入聊天室</a></p></li>
                <li><p class="wallet"><span>我的钱包</span><a href="javascript:;">管理孩子信息</a></p></li>
                <li><p class="sale"><span>我的优惠</span><a href="javascript:;">试听课程</a></p></li>
                <li><p class="set clearfix"><a href="javascript:;">设置</a></p></li>
            </ul>
        </div>
        <div class="foot">
            <ul>
                <li><a href="javascript:;" class="home"><img src="../img/首页-2.jpg" alt=""></a>
                    <span>首页</span></li>
                <li><a href="javascript:;" class="class"><img src="../img/分类-2.jpg" alt=""></a>
                    <span>分类</span></li>
                <li><a href="javascript:;" class="shop"><img src="../img/购物车.jpg" alt=""></a>
                    <span>购物车</span></li>
                <li><a href="javascript:;" class="my"><img src="../img/我的.jpg" alt=""></a>
                    <span>我的</span></li>
            </ul>
        </div>
    </div>

    <script src="../js/jQuery.js"></script>
    <script src=""></script>
    <script>
        $(function(){
            $('.foot li a').on('click',function(){
                $(this).hasClass('my')?
                '':$(this).hasClass('class')?
                location.href = 'classify.html':$(this).hasClass('home')?
                location.href = '../index.html':location.href = './login.html';
            })
        })
    </script>
</body>
</html>/

